<div class="layout_main" style="width:718px; background-color: #ffffff;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 3px 3px 3px 3px;margin-bottom: 1.5em;padding: 1.5em;">
  <img width="700" height="180" alt="" class="text-img" src="http://www.goturkey.com/themes/goturkey/images/deneyim.png">
  <br clear="all">
  <br clear="all">

  <h1><?php echo $this->tour->title?></h1>
  <br>
  <div class="tour_page">
    <div class="hotels_galery">
      <div id="hotel-images">
        <?php echo $this->itemPhoto($this->tour, 'thumb.main', $this->tour->title, array(
            'width' => 405,
            'height' => 270
        ));?>
      </div>
    </div>

    <div class="hotels_form">
      <div class="tour_price"><br>
        From <?php echo $this->tour->price?> per person
        <br>
        <span><input type="button" class="tour_price_btn" value="Book" onclick="parent.location='http://www.goturkey.com/en/tours/book/51'" name="Book"></span>
      </div>

      <div class="tour_rate">
        <div class="tour_rate_bars"><span style="font-size:14px;">OVERALL TOUR RATING</span><br>

          <div style="width:130px; background-color: #D69E0E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"><div style="width:5%;" class="bar1"></div></div><span style="float:right; margin-top:-16px; color:#14274c; margin-right:-22px; font-size:11px; color:#fff;">Like 0</span>
          <div style="width:130px; background-color: #D69E0E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"><div style="width:5%" class="bar2"></div></div><span style="float:right;margin-top:-12px;color:#14274c; position:relative; margin-right:-22px; font-size:11px; color:#fff;">Dislike 0</span>

          <div style="margin-top:10px;" data-id="51" class="likeBox">
                                <span id="message">
                                                                </span>
            <div style="display:block;" id="like-dislike">
              <a style="margin-right:10px; float:left;" class="like" href="javascript:void();"><img width="16" height="16" style="float:left; margin-right:3px;" alt="like" src="http://www.goturkey.com/themes/goturkey/images/icons/default/like.png"> <span style="height: 16px; float: left; color: #000; line-height: 18px; font-weight: bold; font-size: 11px; font-family: tahoma;">Like</span></a>
              <a class="dislike" href="javascript:void();"><img width="16" height="16" style="float:left; margin-right:3px;" alt="like" src="http://www.goturkey.com/themes/goturkey/images/icons/default/dislike.png"> <span style="height: 16px; float: left; color: #000; line-height: 18px; font-weight: bold; font-size: 11px; font-family: tahoma;">Dislike</span></a>
            </div>

            <!--etc-->

            <a style="display:none;margin-right:10px; float:left; width:70px;" class="remove" href="javascript:void();">
              <img style="float:left; margin-right:3px;" alt="Remove" src="http://www.goturkey.com/themes/goturkey/images/player_close.png">
              <span style="height: 16px; float: left; color: #000; line-height: 16px; font-weight: bold; font-size: 11px; font-family: tahoma;">Remove</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br clear="all" />

  <div class="tabs_alt tabs_parent">
    <ul id="main_tabs">
      <li class="active">
        <a onclick="tabSwitcher($(this), 'description');"
           href="javascript:void(0);">
          Program
        </a>
      </li>

      <li class="">
        <a onclick="tabSwitcher($(this), 'photos');"
           href="javascript:void(0);">
          Photos
        </a>
      </li>
    </ul>
  </div>
  <div id="description">
    <h3> <?php echo $this->tour->title ?> </h3>
    <div class="tour_description">
      <?php echo $this->tour->description?>
    </div>
  </div>
  <div id="photos" style="display: none">
    No photos
  </div>
</div>
<script type="application/javascript">
  function tabSwitcher(element, id) {
    $('main_tabs').getElements('li').removeClass('active');
    $('description').setStyle('display', 'none');
    $('photos').setStyle('display', 'none');
    element.getParent().set("class", "active");
    $(id).setStyle('display', 'block');
  }
</script>